<template>
  <div>
    <el-row class="utils">
      <el-col :span="24" align="right">
        <el-button type="primary" @click="handleAdd()">添加计划</el-button>
      </el-col>
    </el-row>
    <el-table :data="store.state.projectCenter.contractForm.contractPlanList" style="width: 100%">
      <el-table-column type="index" label="序号" width="50" />
      <el-table-column prop="nodeName" label="进度节点" width="100" />
      <el-table-column fixed="right" label="操作"">
        <template #default="scope">
          <el-button @click="handleEdit(scope)" class="ordinary" size="small">编辑</el-button>
          <el-button @click="handleDel(scope.$index)" type="danger" size="small">删除</el-button>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import { useStore } from 'vuex'

export default defineComponent({
  setup () {
    const store = useStore()
    

    return {
      store
    }
  }
})
</script>

<style scoped>

</style>